.statistics-container {
    border-radius: px2rem(16px);
    margin: px2rem(24px);
    overflow: hidden;
}
.statistics-header {
    position: relative;
    font-size: px2rem(36px);
    background: #fff;
    color: #333;
    line-height: px2rem(80px);
    width: 100%;
    display: flex;
    flex-direction: row;

    .left-wrap {
        display: flex;
        flex: 1;
        padding-left: px2rem(20px);
        overflow: hidden;
        color: #000;
        white-space: nowrap;

        .city-select {
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;

            .left-text {
                position: relative;
                margin-left: px2rem(6px);
                font-size: px2rem(32px);
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                padding-right: px2rem(32px);

                &::after {
                    content: ' ';
                    position: absolute;
                    top: 50%;
                    right: 0;
                    width: px2rem(32px);
                    height: px2rem(32px);
                    transform: translateY(-50%);
                    z-index: 1;
                    background: url('images/svg/arrow-solid.svg') center no-repeat;
                    background-size: 120% auto;
                }
            }

            .arrow-icon {
                display: inline-block;
                vertical-align: middle;
                width: px2rem(32px);
                height: px2rem(32px);
                background: url('images/svg/arrow-solid.svg') center no-repeat;
                background-size: 120% auto;
                display: none;
            }
            img {
                height: px2rem(40px);
                // width: px2rem(22px);
                margin-left: px2rem(15px);
            }
        }
    }

    .title-wrap {
        flex: 3;
        text-align: center;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        font-weight: bold;
    }

    .right-wrap {
        font-size: px2rem(28px);
        text-align: right;
        flex: 1;
        white-space: nowrap;

        span {
            display: inline-block;
            vertical-align: middle;
            height: px2rem(80px);
            line-height: px2rem(80px);
            padding: 0 px2rem(20px) 0 0;
            font-size: px2rem(28px);
            font-weight: 500;
            color: #FBAE38;
        }

        .ui-checkbox {
            vertical-align: middle;
            background: url('images/svg/checkbox-2.svg') center no-repeat;
            background-size: 100% auto;
        }
        .ui-checkbox-checked {
            background: url('images/svg/checkbox-2-checked.svg') center no-repeat;
            background-size: 100% auto;
        }
    }
}
.statistics-cont {

    .income {
        display: flex;
        padding: px2rem(38px) px2rem(28px);
        background-color: #fff;

        .prev,
        .next {
            width: px2rem(72px);
            height: px2rem(72px);
            background: url('images/index/left@2x.png') no-repeat no-repeat center center;
            background-size: 100% 100%;

            &.ui-disabled {
                display: none;
            }
        }
        .next {

            background: url('images/index/right@2x.png') no-repeat no-repeat center center;
            background-size: 100% 100%;
        }
        .num {
            flex: 1;
            text-align: center;
            color: #FBAE38;
            font-family: 'DengXian';

            span {
                display: inline-block;
                vertical-align: text-bottom;
                font-size: px2rem(96px);
                line-height: px2rem(72px);
            }

            .unit {
                font-size: px2rem(36px);
                line-height: px2rem(36px);
            }
        }
    }
    .info {
        padding: px2rem(23px) px2rem(26px) px2rem(40px);
        background-color: #fff;
        display: flex;

        .info-item {
            background-color: #FBFBFB;
            border-radius: px2rem(12px);
            flex: 1;
            margin-right: px2rem(19px);
            text-align: center;
            font-size: px2rem(24px);
            padding: px2rem(11px) 0;

            .label,
            .num {
                height: px2rem(41px);
                line-height: px2rem(41px);
                color: #333;
            }
            .label {
                color: #666;
            }
        }
        .info-item.price {
            margin-right: 0;
        }
        .times .num:after {
            content: '(' attr(num) ')';
            color: #999999;
            font-size: px2rem(16px);
        }
        .times .label:after,
        .price .label:after {
            content: ' ';
            display: inline-block;
            vertical-align: middle;
            margin-left: px2rem(6px);
            width: px2rem(22px);
            height: px2rem(22px);
            background: url('images/index/question@2x.png') no-repeat no-repeat center center;
            background-size: 100% 100%;
        }
    }
}
.action-cont {
    flex: 1;
    // margin-top: px2rem(20px);
    background-color: #fff;
    font-family: 'PingFang-SC-Regular';
    border-radius: px2rem(16px);
    margin: px2rem(24px);
    margin-top: 0;

    .enter-cont {
        /*display: flex;*/
        padding: px2rem(40px) px2rem(30px);
        font-size: 0;

        .enter-title {
            height: px2rem(34px);
            line-height: px2rem(34px);
            font-size: px2rem(36px);
            font-weight: bold;
            color: #333333;
            margin-bottom: px2rem(40px);
        }
        .enter-items {
            display: flex;
            justify-content: space-between;
        }
        .enter-item {
            display: inline-block;
            vertical-align: bottom;
            width: px2rem(110px);
            text-align: center;
            // margin-right: px2rem(86px);
            // font-size: px2rem(28px);
            
            .icon,
            .num {
                width: px2rem(98px);
                height: px2rem(98px);
                line-height: px2rem(98px);
                text-align: center;
                background-color: #0F9CFF;
                border-radius: px2rem(20px);
                font-size: px2rem(34px);
                font-weight: 500;
                color: #fff;
                white-space: nowrap;
                margin: 0 auto;
            }
            &.check-ticket .icon {
                background: #0F9CFF url('images/index/check-ticket.png') no-repeat no-repeat center center;
                background-size: 100% auto;
            }
            &.add-user .icon {
                background: #0F9CFF url('images/index/add-user.png') no-repeat no-repeat center center;
                background-size: 100% auto;
            }
            &.verify-btn .icon {
                background: #FBAE38 url('images/index/verify-btn.png') no-repeat no-repeat center center;
                background-size: 100% auto;
            }
            &.approval-btn .icon {
                background: #0F9CFF url('images/index/approval.png') no-repeat no-repeat center center;
                background-size: 100% auto;
            }
            &.bill-btn .icon {
                background: #0F9CFF url('images/index/bill.png') no-repeat no-repeat center center;
                background-size: 100% auto;
            }
            &.venue-calendar-btn .icon {
                background: #0F9CFF url('images/index/venue-calendar.png') no-repeat no-repeat center center;
                background-size: 100% auto;
            }
            &.brand-calendar-btn .icon {
                background: url('images/index/brand-calendar.png') no-repeat no-repeat center center;
                background-size: 100% auto;
            }
            .label {
                margin-top: px2rem(30px);
                height: px2rem(24px);
                line-height: px2rem(24px);
                font-size: px2rem(28px);
                white-space: nowrap;
            }
        }
        .blank-line {
            height: px2rem(40px);
        }
        .enter-item:nth-child(5n + 4) {
            margin-right: 0;
        }
    }

    .actions {

        .action-label {
            height: px2rem(32px);
            line-height: px2rem(32px);
            font-size: px2rem(34px);
            font-family: PingFang-SC-Medium;
            font-weight: bold;
            color: #333333;
            margin-bottom: px2rem(30px);
            padding-left: px2rem(26px);
        }
        .action-items {
            margin: px2rem(15px) 0;
            padding: 0 px2rem(20px);
            display: flex;

            .action-item {
                flex: 1;
                box-sizing: border-box;
                margin-right: px2rem(30px);
                background: url('images/index/action_icon_1.png') no-repeat no-repeat center center;
                background-size: 100% 100%;
                padding: px2rem(30px) px2rem(25px);

                .icon {
                    font-size: 0;
                    width: px2rem(56px);
                    height: px2rem(56px);
                    margin-bottom: px2rem(40px);
                }
                .label {
                    height: px2rem(30px);
                    line-height: px2rem(30px);
                    font-size: px2rem(30px);
                    color: #FFFFFF;
                }
            }
            .action-item.audit-centre .icon {
                background: url('images/index/eye.png') no-repeat no-repeat;
                background-size: px2rem(56px) auto;
            }
            .action-item.show-calendar {
                background: url('images/index/action_icon_2.png') no-repeat no-repeat center center;
                background-size: 100% 100%;
            }
            .action-item.show-calendar .icon {
                background: url('images/index/date.png') no-repeat no-repeat;
                background-size: px2rem(56px) auto;
            }
            .action-item:last-child {
                margin-right: 0;
            }
        }
    }
}
.home-page-container {
    background-color: #F8F8F8;
    font-size: px2rem(24px);
    
    .ui-mobile-panel-body {
        height: 100%;
        background-color: #F8F8F8;
        display: flex;
        flex-direction: column;
    }
}


// 待办列表项
.todo-cont {
    .empty-tip {
        text-align: center;
        margin-top: -px2rem(40px);
        img {
            width: px2rem(120px);
        }
        p {
            height: px2rem(48px);
            line-height: px2rem(48px);
            padding-bottom: px2rem(40px);
            margin-top: -px2rem(20px);
        }
    }
}
.to-do-cont {
    margin: 0 px2rem(24px) px2rem(24px);
    padding: px2rem(20px) px2rem(30px) 0;
    position: relative;
    background: #fff;
    border-radius: px2rem(12px);

    .todo-title {
        font-size: px2rem(36px);
        font-weight: bold;
        color: #333333;
        margin-bottom: px2rem(30px);

        .num {
            display: inline-block;
            vertical-align: middle;
            margin-left: px2rem(10px);
            height: px2rem(36px);
            line-height: px2rem(36px);
            background: #FE4C4C;
            padding: 0 px2rem(10px);
            border-radius: px2rem(18px);
            color: #fff;
            font-size: px2rem(22px);
            margin-right: px2rem(10px);
        }
    }
}
.to-do-item {
    margin: 0 !important;
    padding: 0;

    .to-do-info {

        .to-do-info-title {
            font-size: px2rem(24px);
            line-height: px2rem(24px);
            margin-bottom: px2rem(18px);

        }
        .to-do-info-text {
            font-size: px2rem(26px);
            height: px2rem(38px);
            line-height: px2rem(38px);
        }
        .to-do-info-status {
            margin-top: px2rem(18px);

            .info-text {
                font-size: px2rem(24px);
                height: px2rem(24px);
                line-height: px2rem(24px);
            }
        }
    }
}
// 账户项样式
.bill-select-items,
.account-select-items {
    padding: px2rem(30px);

    .bill-select-item,
    .ui-item {
        display: block;
        width: auto;
        height: auto;
        margin-bottom: px2rem(30px);
        background: none;

        input {
            display: none;
        }
    }
    .account-select-item {
        background: #F6F6F6;
    }
    &:after {
        display: none;
    }
}